import Service from "./Service";
import style from "./style.module.css";
export default class Banner extends Service{

    render = () => {
        let {count}=this.state;
        return (
            <div className={style.Banner}>
                <div className={style.float}>
                    <div className={style.line}>
                        <div className={style.item}>
                            <div className={style.icon}>
                                <img src={require("../../../../assect/image/policy_list_img1.png")} alt="" />
                            </div>
                            <div className={style.text}>
                                <span style={{fontSize:"4.5vw",lineHeight:"100%",fontWeight:"bolder"}} >{count.capitalItemsCount}&nbsp;个</span>
                                <span style={{fontSize:"3vw",color:"#797979"}} >累计政策数</span>
                            </div>
                        </div> 
                        <div className={style.item}>
                            <div className={style.icon}>
                                <img src={require("../../../../assect/image/policy_list_img2.png")} alt="" />
                            </div>
                            <div className={style.text}>
                                <span style={{fontSize:"4.5vw",lineHeight:"100%",fontWeight:"bolder"}} >{count.countUnits}&nbsp;个</span>
                                <span style={{fontSize:"3vw",color:"#797979"}} >入驻部门数</span>
                            </div>
                        </div> 
                    </div>
                    <div className={style.line}>
                        <div className={style.item}>
                            <div className={style.icon}>
                                <img src={require("../../../../assect/image/policy_list_img3.png")} alt="" />
                            </div>
                            <div className={style.text}>
                                <span style={{fontSize:"4.5vw",lineHeight:"100%",fontWeight:"bolder"}} >{count.countEntApplyS}&nbsp;个</span>
                                <span style={{fontSize:"3vw",color:"#797979"}} >受惠企业数</span>
                            </div>
                        </div> 
                        <div className={style.item}>
                            <div className={style.icon}>
                                <img src={require("../../../../assect/image/policy_list_img4.png")} alt="" />
                            </div>
                            <div className={style.text}>
                                <span style={{fontSize:"4.5vw",lineHeight:"100%",fontWeight:"bolder"}} >{count.sumApplyAmount}&nbsp;亿元</span>
                                <span style={{fontSize:"3vw",color:"#797979"}} >累计已兑现资金金额</span>
                            </div>
                        </div> 
                    </div>
                </div>
            </div>
        )
    }
}